<div class="glass-panel dtmfpad">
    <div class="input-field">
			<div class="truncating-text text-input" id="dtmf_numbers" x-mojo-touch-feedback="immediate"></div>
    </div>
	<div id="dtmf_name" class="activecall-name truncating-text"></div>
	<div id="numbers" class="keypad-dtmf">
        <div class="keypad-row">
            <div class="key glassbutton one" id="dtmf_1" x-mojo-touch-feedback="spontaneous" ><div></div></div>
            <div class="key glassbutton two" id="dtmf_2" x-mojo-touch-feedback="spontaneous"><div></div></div>
            <div class="key glassbutton three" id="dtmf_3" x-mojo-touch-feedback="spontaneous"><div></div></div>
        </div>
        <div class="keypad-row">
            <div class="key glassbutton four" id="dtmf_4" x-mojo-touch-feedback="spontaneous"><div></div></div>
            <div class="key glassbutton five" id="dtmf_5" x-mojo-touch-feedback="spontaneous"><div></div></div>
            <div class="key glassbutton six" id="dtmf_6" x-mojo-touch-feedback="spontaneous"><div></div></div>
        </div>
        <div class="keypad-row">
            <div class="key glassbutton seven" id="dtmf_7" x-mojo-touch-feedback="spontaneous"><div></div></div>
            <div class="key glassbutton eight" id="dtmf_8" x-mojo-touch-feedback="spontaneous"><div></div></div>
            <div class="key glassbutton nine" id="dtmf_9" x-mojo-touch-feedback="spontaneous"><div></div></div>
        </div>
        <div class="keypad-row">
            <div class="key glassbutton star" id="dtmf_star" x-mojo-touch-feedback="spontaneous"><div></div></div>
            <div class="key glassbutton zero" id="dtmf_0" x-mojo-touch-feedback="spontaneous"><div></div></div>
            <div class="key glassbutton pound" id="dtmf_pound" x-mojo-touch-feedback="spontaneous"><div></div></div>
        </div>
		<div class="keypad-row">
            <div id="dtmf_disconnect" class="disconnect-button">
            </div>
		</div>
	</div>
</div>